<div class="search-common-wrap">
	<div class="row1">
		<input type="text" class="search-text" v-model="search.Keyword"  placeholder="请输入审批标题关键字" >
	    <button class="search-btn" v-if="!open" @click="searchFn">搜索</button>
		<a class="open-search" v-if="!open" @click="open=true">高级搜索</a>
		<a class="close-search" v-if="open" @click="open=false">关闭高级搜索</a>
	</div>
	<div class="row2" v-if="open">
		发起日期（提交审批日期）
		<vue-datepicker-local v-model="search.launchStartTime" format="YYYY-MM-DD" ></vue-datepicker-local>
		<span class="g">~</span>
		<vue-datepicker-local v-model="search.launchEndTime" format="YYYY-MM-DD" ></vue-datepicker-local>
	</div>
	<div class="row3" v-if="open">
		完成日期（最终审批日期）
		<vue-datepicker-local v-model="search.finishStartTime" format="YYYY-MM-DD"></vue-datepicker-local>
		<span class="g">~</span>
		<vue-datepicker-local v-model="search.finishEndTime" format="YYYY-MM-DD" ></vue-datepicker-local>
	</div>
	<div class="row4" v-if="open">
		<span v-if='navtype!="started"'>审批单发起人 </span>
		<input v-if='navtype!="started"' type="text" class="search-select-people-input" v-model="search.people.name" @click="openDingDingUser()"  placeholder="点击选择发起人" />
		<button class="search-btn" v-if="open" @click="searchFn">搜索</button>
		<a class="" @click="clearSearch">清空搜索内容</a>
	</div>
</div>